/** 
 * mobile.css
 * 
 * Yes. this is a javadocthing. for the inter web z
 * 
 *
 * @author Oren and Radley
 */

/* CSS for mobile page layouts and display */

body {
	width:100%;
	padding:0px;
	margin:0px;
	background: rgb(50, 50, 50);
	text-decoration: none;
}
select.selects {
	font-size:75%;
	}
	
div#container {
	width:100%;
	height:100%;
	padding:5px;
	margin:0px;
	text-align: center;
	background: rgb(50, 50, 50);
	color: #FFFFFF;
	font-size: 300%;
}

h1 {
	color:black;
	font-family: "Impact", Times, serif;
	text-transform: uppercase;
	font-size: 200%;
	text-shadow: #FFFFFF 0 0 0.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.datatableframe {
	background-color: green;
	/* for IE */

	background: rgb(50, 50, 50);
	/* CSS3 standard */
	opacity: 0.6;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	width: 100%;
}

/* CSS for the Navbar */
div.navbackground {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	min-height:100px;
}

a.navbutton {
	vertical-align: middle;
	text-decoration:none;
	color:white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(55,55,55)), to(#000));
	display:block;
	margin: 0px 5px;
	width:290px;
	border-radius: 50px;
	float:left;
	padding: 5px 10px;
	font: 130% Helvetica;
	}


/* a.navbutton span {
	background: transparent url('/crossfit/img/button_bg.png') no-repeat;
	width: 100px;
	display: block;
	line-height: 47px;
	padding: 5px 0 5px 27px;
}

a.navbutton:active {
	background-position: bottom right;
	color: #000;
	outline: none; hide dotted outline in Firefox
}

a.navbutton:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; push text down 1px
}
*/


div#container img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}



ul {
	text-align: left;
	font-style: italic;
	
}


/* CSS for groupings of icons, like on the home page */
table.icongrid {
	text-align: center;
	width: 100%;
}

table#settingsTable {
 	padding-left:20px;
 	padding-top: 40px;
	padding-right:auto; 
	padding-bottom: 40px;
	font-size: 150%;

	}




div#homeContent {
	display:none;	
}

div.alignCenter {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

/* CSS for the datatable outputting PR's in benchmarks.jsp */
table.datatableheader {
	background-color: #CCCCCC;
	/* for IE */
	filter: alpha(opacity =   60);
	/* CSS3 standard */
	opacity: 0.6;
	font: 16px Lucida Sans, Sans-serif;
	color: #000000;
	width: 500px;
	cellpadding: 0;
	cellspacing: 0;
}

table.datatable {
	border: 1px solid black;
	color: #000000;
	width: 100%;
	cellpadding: 0;
	cellspacing: 0;
}

div#alignleft {
	text-align: left;
}


/* START KURT ADDITIONS */
input#reportCheckBox {
	width: 75px; 
	height:75px;
	}

table#report {
	margin: 0 auto;
	}
	
div#goalsAlignCenter {
	padding-left: 80px;
	}	
	
.settingsIcon {
	font-size: 80%;
	margin: 0 30px;
	}
	

table.icongrid {
	text-align: center;
}
	
div.alignLeft {
	text-align: left;
}

div.alignRight {
	text-align: right;
}

div#container2 {
	margin: 20px auto;	
	width: 950px;
	height: 500px;
	}
	
a.editProfileLink {
	text-align: center;
	text-decoration:none;
	color:white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(55,55,55)), to(#000));
	margin: 0px 5px;
	border-radius: 50px;
	padding: 20px 250px;
	font: 130% Helvetica;
}

a.changeButton {
	text-align: center;
	text-decoration:none;
	color:white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(55,55,55)), to(#000));
	margin: 0px 5px;
	border-radius: 50px;
	padding: 20px 80px;
	font: 45% Helvetica;
	}
	
a.changeButton2 {
	text-align: center;
	text-decoration:none;
	color:white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(55,55,55)), to(#000));
	margin: 0px 5px;
	border-radius: 50px;
	padding: 10px 80px;
	font: 45% Helvetica;
	}

a#calendarButton {
	text-align: center;
	text-decoration:none;
	color:white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(55,55,55)), to(#000));
	margin: 0px 5px;
	border-radius: 50px;
	padding: 25px 50px;
	font: 80% Helvetica;
}

/* END KURT ADDITIONS */